@charset 'UTF-8';
@import "../common/_functions.scss";
@import "../common/_variables.scss";

@import "../integral/common_header.scss";

body {
    background-color: $_eee;
}

.mygoods-list {
    background-color: $_fff;
    padding-bottom: px2rem(40);
    .mygoods-item {
        padding: px2rem(30);
        border-bottom: $border;
        .show {
            font-size: px2rem(28);
            img {
                border: 1px solid $_cfcfcf;
                width: px2rem(130);
                height: px2rem(130);
                float: left;
            }
            span {
                width: px2rem(530);
                display: block;
                float: left;
                margin-left: px2rem(30);
                margin-top: px2rem(10);
            }
        }
        .dialog-area {
            position: relative;
            &:before {
                content: "";
                display: block;
                position: absolute;
                top: px2rem(-18);
                left: px2rem(46);
                width: 0;
                height: 0;
                border-top: transparent;
                border-right: px2rem(20) solid transparent;
                border-bottom: px2rem(20) solid $_c8c8cc;
                border-left: px2rem(20) solid transparent;
            }
            &:after {
                content: "";
                display: block;
                position: absolute;
                top: px2rem(-18 + 2);
                left: px2rem(46);
                width: 0;
                height: 0;
                border-top: transparent;
                border-right: px2rem(20) solid transparent;
                border-bottom: px2rem(20) solid $_eee;
                border-left: px2rem(20) solid transparent;
            }
            .comment-txt, .mix-txt {
                position: relative;
                display: block;
                margin-top: px2rem(30);
                width: px2rem(690);
                min-height: px2rem(125);
                background-color: $_eee;
                font-size: px2rem(24);
                color: $_999;
                border-radius: px2rem(8);
                border: $border;
                resize: none;
                padding: px2rem(14);
            }
            .title {
                color: $_333;
                width: px2rem(124);
                float: left;
                white-space: nowrap;
            }
            .info {
                color: $_333;
                width: px2rem(526);
                float: right;
            }
            .comment-box, .reply-box {
                min-height: px2rem(108);
            }
            .comment-box {
                padding-bottom: px2rem(14);
            }
            .reply-box {
                border-top: $border;
                padding-top: px2rem(14);
            }
        }
        .tips {
            color: $_e60012;
            font-size: px2rem(24);
            margin-top: px2rem(20);
            .icon-em {
                border: 1px solid $_e60012;
                border-radius: 50%;
                display: block;
                float: left;
                margin-right: px2rem(10);
                width: px2rem(26);
                height: px2rem(26);
                line-height: px2rem(26);
                text-align: center;
                font-size: px2rem(18);
            }
        }
    }
}

.commit-comment {
    width: px2rem(690);
    line-height: px2rem(74);
    background-color: $_0093ff;
    font-size: px2rem(30);
    color: $_fff;
    text-align: center;
    display: block;
    margin: px2rem(23) px2rem(30);
    border-radius: px2rem(5);
}
.disabled {
    background-color: $_ccc;
}